/*Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */
a.boldbuttons {
	background: transparent url('../images/botones/roundedge-gray-left.gif') no-repeat
		top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttons,a:visited.boldbuttons,a:hover.boldbuttons,a:active.boldbuttons
	{
	color: purple; /*button text color*/
}

a.boldbuttons span {
	background: transparent url('../images/botones/roundedge-gray-right.gif') no-repeat
		top right;
	display: block;
	padding: 4px 10px 4px 2px;
	/*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons { /* Hover state CSS */
	text-decoration: underline;
}

.buttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /* See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

a.boldbuttonsBlue {
	background: transparent url('../images/botones/roundedge-blue-left.gif') no-repeat
		top left;
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

a:link.boldbuttonsBlue,a:visited.boldbuttonsBlue,a:active.boldbuttonsBlue
	{
	color: white; /*button text color*/
}

a:hover.boldbuttonsBlue{
	color: #6699FF;	
	text-decoration: underline;
}

a.boldbuttonsBlue span {
	background: transparent url('../images/botones/roundedge-blue-right.gif') no-repeat
		top right;
	display: block;
	padding: 4px 10px 4px 2px;
	/*Set 10px to be equal or greater than'padding-left' value above*/
	text-align: center;
}

.buttonwrapperBlue {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/*
<h4>Single button:</h4>

<div class="buttonwrapper">
<a class="boldbuttons" href="http://www.dynamicdrive.com/style/"><span>Dynamic Drive CSS Library</span></a>
</div>


<h4>Side by Side:</h4>

<div class="buttonwrapper">
<a class="boldbuttons" href="http://www.dynamicdrive.com/style/csslibrary/category/C7/"><span>Download Now</span></a> <a class="boldbuttons" href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" style="margin-left: 6px"><span>CSS buttons</span></a>
</div>

*/